@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn-primary {
    @apply bg-primary text-white py-2 px-4 rounded hover:bg-opacity-90 transition-all;
  }
  
  .btn-secondary {
    @apply bg-light text-secondary py-2 px-4 rounded hover:bg-opacity-90 transition-all;
  }
  
  .card {
    @apply bg-white rounded-lg shadow-card p-6;
  }
  
  .input {
    @apply w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent;
  }
}

/* 全局样式 */
body {
  @apply text-dark bg-light;
}
